.init-3{position: relative;}
.init-3 .swiper-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.init-3 .swiper-container .swiper-slide,.init-3 .swiper-container .swiper-slide .img{height: 100%;overflow: hidden; /* width:100% !important;  */    transform: translate3d(0px, 0px, 0px) ;}
.init-3 .swiper-container .swiper-slide .img{transform: scale(1.1);transition: 2.5s;width: 100%;background-position: center;background-size: cover;}
.init-3 .swiper-container .swiper-slide-active .img{transform: none;transition-delay: 0.1s;transform: translateY();}
.init-3 p.namemark{padding-left: 5.5vw;position: relative;color:#fff;font-size: 22px;margin-bottom: 2.2vh;}
.init-3 p.namemark::before{content:'';width: 5vw;height: 1px;background: rgba(255, 255, 255, 0.5);position: absolute;left: 0;top: 50%;}
.init-3 h2{font-size: 38px;font-weight: bold;color:#fff;margin-bottom: 6vh; display:none;}
.init-3 ul{display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;  padding-top:2.5rem;}
.init-3 ul li{width:28%;margin-right: 3%;margin-bottom: 4vh;border-radius: 3px;padding:15px 1.4vw 18px;position: relative; text-align:center;}
.init-3 ul li:nth-child(3n){margin-right: 0;}
.init-3 ul li .img{height: 65px;font-size: 0;margin-bottom: 15px;overflow: hidden;position: relative; width:100%; text-align:center;}
.init-3 ul li .img::after{content:'+';font-weight: 900;color:#fff;font-size: 28px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);opacity: 0;transition: 0.36s;}
.init-3 ul li .img img{transition: 0.36s;position: absolute;top: 0; margin:0px auto; right:44%;}
.init-3 ul li:hover .img img{top: -65px;}
.init-3 ul li:hover .img::after{opacity: 1;}
.init-3 ul li h3{color:#fff;font-size:24px;margin-bottom: 3px;}
.init-3 ul li p{font-size: 16px;color:rgba(255, 255, 255, 0.7); font-family:Arial, Helvetica, sans-serif;}
.init-3 ul li i:after,.init-3 ul li i:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;right: 0;border: 1px solid transparent;z-index: 1;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;border-radius: 3px;}
.init-3 ul li i:before {border-left: none;border-top: none;}
.init-3 ul li i:after {border-right: none;border-bottom: none;}
.init-3 ul li :hover i:before {-webkit-animation: hw 1s;-o-animation: hw 1s;animation: hw 1s;border-color: rgba(255, 255, 255, 0.45);}
.init-3 ul li :hover i:after {-webkit-animation: wh 1s;-o-animation: wh 1s;animation: wh 1s;border-color: rgba(255, 255, 255, 0.45);}
@-webkit-keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@-o-keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@-moz-keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@-webkit-keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@-o-keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@-moz-keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}



/* media */
@media (min-width: 1200px) {
  
}
@media (max-width: 1800px) {

  
  
}
@media (max-width: 1600px) {

  
  
  
}
@media (max-width: 1460px) {

}
@media (max-width: 1200px) {



}
@media (max-width: 992px) {
  
  .init-3 p.namemark{margin-bottom: 5px;}
  .init-3 h2{margin-bottom: 4vh;}

  
}
@media (max-width: 768px) {
  .init-3 ul li h3,.init-5 .s-content table td p:nth-child(1),.col-profile .content strong,.col-profile .content a.play span,.col-responsibility .tab-nav a{font-size: 18px;}

  .init-3 ul li p,.init-4 h2 .news-nav a,.init-5 .s-content table td,.col-page-news .news-search .inpt3,.col-responsibility ul.list li .content,.col-recruitment .job-list ul li .head span{font-size: 14px;}

  
  .init-3 ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;padding:10px 1.5vw 12px;}
  .init-3 ul li:nth-child(3n){margin-right: 2%;}
  .init-3 ul li:nth-child(2n){margin-right: 0;}
 
  
}